<div id="submit" class="subtabs">
    <form id="submit_form" method="POST" action="/item/submit/">
        {% csrf_token %}
        {{ submit_form.message.errors }}
        {{ submit_form.message }}
        <div id="additional">
            {% if user.is_authenticated %}
                <ul class="ul-header">
                    <li class="li-submit-tab">
                        <span class="icon_plus"></span><span class="li-submit-tab-label">
                        <a id="picture" href="#">Add an image</a></span>
                    </li>
                    <li class="li-submit-tab">
                        <span class="icon_expand"></span><span class="li-submit-tab-label">
                        <a id="details" href="#">More Details</a></span>
                    </li>
                </ul>
                <input type="submit" id="submit_button" class="submit_button" value="Share" />
            {% else %}
                <ul class="ul-header">
                    <li class="li-submit-tab">
                        <span class="icon_plus"></span><span class="li-submit-tab-label">
                        <a class="auth_required right" href="/">Add an image</a></span>
                    </li>
                    <li class="li-submit-tab">
                        <span class="icon_expand"></span><span class="li-submit-tab-label">
                        <a class="auth_required right" href="/">More Details</a></span>
                    </li>
                </ul>
                <a class="submit_button auth_required gray" id="submit_button" href="#">Share</a>
            {% endif %}
            {# <a id="facebook_share" href="#"><img src="{{STATIC_URL}}images/facebook.png"></a> #}
        </div>
        <div id="upload_container">
            <div id="upload">
                <div id="picture-upload">
                    <noscript>
                        <p>Please enable JavaScript to use file uploader.</p>
                    </noscript>
                </div>
                <div id="picture-notification">
                    Please no copyright. We can't share those. Max size is 5Mb
                </div>
            </div>
            <div class="more_details_picture"></div>
        </div>
        <div id="more_details">
            <div id="item_details">
                    {{ submit_form.category.errors }}
                    {{ submit_form.category.label_tag }}
                    {{ submit_form.category }}
                    <br><br>
                    {{ submit_form.description.errors }}
                    {{ submit_form.description.label_tag }}
                    {{ submit_form.description }}
                    <span id="description_count">0</span>
                {% comment %}
                <div>
                    {{ submit_form.tag.errors }}
                    {{ submit_form.tag.label_tag }}
                    {{ submit_form.tag }}
                </div>
                {% endcomment %}
            </div>
            {% if filename_small %}
                <div class="more_details_picture">
                    <img src="{{ MEDIA_URL }}{{ filename }}"/>;
                </div>
                <input type="hidden" name="picture_small" class="picture_ajax" value="{{ filename_small }}">
            {% else %}
                <div class="more_details_picture"></div>
            {% endif %}
            {% if filename_big %}
                <input type="hidden" name="picture_big" class="picture_ajax" value="{{ filename_big }}">
            {% endif %}
            <div class="clearfix"></div>
        </div>
    </form>
</div>
